<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/default.css">
    <link rel="stylesheet" href="../css/select/select.css">
    <!--tree-view插件-->
    <link rel="stylesheet" href="../lib/treeview/jquery.treeview.css">
    <link rel="stylesheet" href="../lib/treeview/screen.css">
    <link rel="stylesheet" href="../css/activeBasic.css">
    <!--日期插件-->
    <link rel="stylesheet" type="text/css" href="../lib/date/css/default.css">
    <link rel="stylesheet" href="../lib/date/css/daterangepicker.css" />
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=e2hMm9V14mNxOXr4ENaTeFWAkNCtm9Ax"></script>
</head>
<body>
<div class="content">
    <!--项目编辑弹出框-->
    <div id="compile"></div>
    <div class="comp_back">
        <div class="compile_div">
            <img src="../image/add.png" alt="">
            <div class="first clearfix">
                <span>价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格</span>
                <input type="text">
            </div>
            <div class="second clearfix">
                <span class="sp_1">可&nbsp;购&nbsp;买&nbsp;数&nbsp;量</span>
                <input type="text">
            </div>
            <div class="second clearfix">
                <span class="sp_2">库&nbsp;&nbsp;存&nbsp;&nbsp;数&nbsp;&nbsp;量</span>
                <input type="text">
            </div>
            <div class="second clearfix">
                <span class="sp_3">阐&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;述</span>
                <input type="text">
            </div>
            <span class="com_btn">保存</span>
        </div>
    </div>

    <!--项目新增弹出框-->
    <div id="new"></div>
    <div class="n_new">
        <div class="new_div">
            <img src="../image/add.png" alt="">
            <div class="first clearfix">
                <span>问&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;题</span>
                <input type="text">
            </div>
            <div class="second clearfix">
                <span class="sp_1">答&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;案</span>
                <input type="text">
            </div>
            <span class="new_btn">保存</span>
        </div>
    </div>
    <!--项目编辑-->
    <div id="bian"></div>
    <div class="n_bian">
        <div class="bian_div">
            <img src="../image/add.png" alt="">
            <div class="first clearfix">
                <span>问&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;题</span>
                <input type="text">
            </div>
            <div class="second clearfix">
                <span class="sp_1">答&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;案</span>
                <input type="text">
            </div>
            <span class="bian_btn">保存</span>
        </div>
    </div>

    <div class="title">
        <div class="t_item">活动管理</div>
        <div class="t_introduce">Ace Gear是我的平台，我爱这个平台啊。</div>
    </div>
    <div class="process">
        <span class="ac_manage">活动管理</span>
        <span>&gt;</span>
        <span>发布活动</span>
    </div>
    <!--活动信息-->
    <form action="" id="activeForm"><!--发布活动提交-->
        <div class="content_item">
            <div class="title1">
                <ul class="flow clearfix">
                    <li class="item">
                        <div>活动信息</div>
                    </li>
                    <li class="item">
                        <div>联办设置</div>
                    </li>
                    <li class="item">
                        <div>Q&A</div>
                    </li>
                    <li class="item">
                        <div>项目编辑</div>
                    </li>
                    <li class="item">
                        <div>发布</div>
                    </li>
                </ul>
                <div class="process_img">
                    <img src="../image/进度条.png" alt="">
                </div>
                <!--tab选项卡-->
                <div class="tab">
                    <ul class="list">
                        <li index="1" class="active"><img class="img" src="../image/椭圆-3-拷贝-3.png" alt="">分类</li>
                        <li index="2">基本信息</li>
                        <li index="3">地址</li>
                        <li index="4">介绍</li>
                    </ul>
                    <div class="message">
                        <div class="category active">
                            <div class="ca_height">
                                <div class="type">
                                    <span>类型</span>
                                    <input type="text" name="">
                                </div>
                                <div class="checkbox1 clearfix">
                                    <span>报名模板</span>
                                    <ul class="cinput clearfix">
                                        <li>
                                            <div><input type="checkbox" name=""><label>姓名</label></div>
                                            <div><input class="instance" type="checkbox" name=""><label>QQ号</label></div>
                                            <div><input class="instance" type="checkbox" name=""><label>行驶证</label></div>
                                        </li>
                                        <li>
                                            <div><input type="checkbox" name=""><label>地址</label></div>
                                            <div><input class="instance" type="checkbox" name=""><label>邮箱</label></div>
                                            <div><input class="instance" type="checkbox" name=""><label>驾照</label></div>
                                        </li>
                                        <li>
                                            <div><input type="checkbox" name=""><label>电话</label></div>
                                            <div><input class="instance" type="checkbox" name=""><label>身份证</label></div>
                                            <div><input class="instance" type="checkbox" name=""><label>赛照</label></div>
                                        </li>
                                        <li>
                                            <div><input type="checkbox" name=""><label>微信号</label></div>
                                        </li>
                                    </ul>
                                </div>
                                <!--自定义-->
                                <div class="li_add">
                                    <div class="define clearfix">
                                        <span>自定义</span>
                                        <input type="text">
                                        <div class="d_option">
                                            <!--<span>图片</span>-->
                                            <a class="btn-select btn_select1">
                                                <span class="cur-select">请选择</span>
                                                <select>
                                                    <option>图片</option>
                                                    <option>数字</option>
                                                    <option>文字</option>
                                                </select>
                                            </a>
                                            <img src="../image/下拉%20(2).png" alt="">
                                        </div>
                                        <img class="de_add" src="../image/add1.png" alt="">
                                        <img class="de_reduce" src="../image/reduce1.png" alt="">
                                    </div>
                                    <div class="define clearfix">
                                        <span>自定义</span>
                                        <input type="text">
                                        <div class="d_option">
                                            <!--<span>图片</span>-->
                                            <a class="btn-select btn_select1">
                                                <span class="cur-select">请选择</span>
                                                <select name="">
                                                    <option>图片</option>
                                                    <option>数字</option>
                                                    <option>文字</option>
                                                </select>
                                            </a>
                                            <img src="../image/下拉%20(2).png" alt="">
                                        </div>
                                        <img class="de_add" src="../image/add1.png" alt="">
                                        <img class="de_reduce" src="../image/reduce1.png" alt="">
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="basic">
                            <div class="b_tab">
                                <!--<div class="b_name">
                                    <label>名称</label>
                                    <input type="text" name="">
                                    <img src="../image/下拉%20(2).png" alt="">
                                </div>-->
                                <div class="b_name clearfix">
                                    <label>名称</label>
                                    <a class="btn-select btn_select1">
                                        <span class="cur-select">请选择</span>
                                        <select name="">
                                            <option>选项一</option>
                                            <option>选项二</option>
                                            <option>选项三</option>
                                            <option>选项四</option>
                                            <option>选项五</option>
                                        </select>
                                    </a>
                                    <img src="../image/下拉%20(2).png" alt="">
                                </div>
                                <div class="b_time">
                                    <label>时间</label>
                                    <input type="text" name="" id="date-range1">
                                </div>
                                <div class="b_phone">
                                    <label>电话</label>
                                    <input type="text" name="">
                                </div>
                                <div class="b_info clearfix">
                                    <label>简介</label>
                                    <textarea name=""></textarea>
                                </div>
                                <div class="b_img">
                                    <label>活动图片</label>
                                    <div class="pic">
                                        <img id="pic" src="" alt="">
                                        <div>
                                            <input id="upload" type="file">
                                            <img src="../image/addImg.png" alt="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--地址-->
                        <div class="location">
                            <div>
                                <div class="country clearfix">
                                    <label>国家</label>
                                    <input type="text" name="">
                                    <!--<a class="btn-select btn_select1">
                                        <span class="cur-select">请选择</span>
                                        <select name="">
                                            <option>选项一</option>
                                            <option>选项二</option>
                                            <option>选项三</option>
                                            <option>选项四</option>
                                            <option>选项五</option>
                                        </select>
                                    </a>
                                    <img src="../image/下拉%20(2).png" alt="">-->
                                </div>
                                <div class="province clearfix">
                                    <label>省份</label>
                                    <input type="text" name="">
                                    <!--<a class="btn-select btn_select1">
                                        <span class="cur-select">请选择</span>
                                        <select name="">
                                            <option>选项一</option>
                                            <option>选项二</option>
                                            <option>选项三</option>
                                            <option>选项四</option>
                                            <option>选项五</option>
                                        </select>
                                    </a>
                                    <img src="../image/下拉%20(2).png" alt="">-->
                                </div>
                                <div class="city clearfix">
                                    <label>城市</label>
                                    <input type="text" name="">
                                    <!--<a class="btn-select btn_select1">
                                        <span class="cur-select">请选择</span>
                                        <select name="">
                                            <option>选项一</option>
                                            <option>选项二</option>
                                            <option>选项三</option>
                                            <option>选项四</option>
                                            <option>选项五</option>
                                        </select>
                                    </a>
                                    <img src="../image/下拉%20(2).png" alt="">-->
                                </div>
                                <div class="address">
                                    <label>地址</label>
                                    <input type="text" name="">
                                </div>
                                <div class="map">
                                    <label>地图</label>
                                    <div class="map_img">
                                        <div id="bMap"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--介绍-->
                        <div class="introde">
                            <div class="div">
                                <div class="in_wrap">
                                    <div class="in_content">
                                        <div class="in_title"></div>
                                        <div class="in_textarea">
                                            <textarea name=""></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <span class="messageBtn">下一步</span>
                    </div>
                </div>
            </div>
        </div>
        <!--联办设置-->
        <div class="setting">
            <div class="se_title">
                <ul class="flow clearfix">
                    <li class="item">
                        <div>活动信息</div>
                    </li>
                    <li class="item">
                        <div>联办设置</div>
                    </li>
                    <li class="item">
                        <div>Q&A</div>
                    </li>
                    <li class="item">
                        <div>项目编辑</div>
                    </li>
                    <li class="item">
                        <div>发布</div>
                    </li>
                </ul>
                <img src="../image/联办进度条.png" alt="">
            </div>
            <div class="se_state">
                <span class="add">已添加</span>
                <span class="club">查找俱乐部</span>
                <input class="search" type="text"  placeholder="输入俱乐部名称/ID">
                <img src="../image/搜索.png" alt="">
            </div>
            <div class="se_operation clearfix">
                <div class="se_content_left">
                    <div class="se_left_title">
                        <span class="se_one">ID</span>
                        <span class="se_two">俱乐部名称</span>
                        <span class="se_three">操作</span>
                    </div>
                    <div class="se_content_add1">
                        <ul>
                            <li>
                                <span class="club_id">21939815</span>
                                <span class="club_name">活动名称呀</span>
                                <span class="club_remove remove">删除</span>
                            </li>
                            <li>
                                <span class="club_id">21939815</span>
                                <span class="club_name">活动名称呀活动名称呀活动名称呀活动名称呀活动名称呀</span>
                                <span class="club_remove remove">删除</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="se_content_right">
                    <div class="se_right_title">
                        <span class="se_one">ID</span>
                        <span class="se_two">俱乐部名称</span>
                        <span class="se_three">操作</span>
                    </div>
                    <div class="se_content_add2">
                        <ul>
                            <li>
                                <span class="club_id">21939815</span>
                                <span class="club_name">活动名称呀</span>
                                <span class="club_remove club_add">添加</span>
                            </li>
                            <li>
                                <span class="club_id">21939815</span>
                                <span class="club_name">活动名称呀1</span>
                                <span class="club_remove club_add">添加</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <span class="operationBack">上一步</span>
                <span class="operationEnter">下一步</span>
            </div>
        </div>
        <!--Q&A-->
        <div class="qa">
            <div class="se_title">
                <ul class="flow clearfix">
                    <li class="item">
                        <div>活动信息</div>
                    </li>
                    <li class="item">
                        <div>联办设置</div>
                    </li>
                    <li class="item">
                        <div>Q&A</div>
                    </li>
                    <li class="item">
                        <div>项目编辑</div>
                    </li>
                    <li class="item">
                        <div>发布</div>
                    </li>
                </ul>
                <img src="../image/组-101.png" alt="">
                <div class="q_new">
                    <span class="new">新增</span>
                </div>
            </div>
            <div class="qa_content">
                <div class="qa_title">
                    <span class="qa_one">ID</span>
                    <span class="qa_two">问题</span>
                    <span class="qa_three">答案</span>
                    <span class="qa_four">操作</span>
                </div>
                <ul class="qa_ul">
                    <li>
                        <span class="span_one">21939815</span>
                        <span class="span_two">活动名称呀，我还天真的以为。</span>
                        <span class="span_three">活动名称呀，我还天真的以为。</span>
                    <span class="span_four">
                        <span class="one_1">编辑</span>
                        <span class="one_2">|</span>
                        <span class="one_3">删除</span>
                    </span>
                    </li>
                    <li>
                        <span class="span_one">21939815</span>
                        <span class="span_two">活动名称呀，我还天真的以为。</span>
                        <span class="span_three">活动名称呀，我还天真的以为。</span>
                    <span class="span_four">
                        <span class="one_1">编辑</span>
                        <span class="one_2">|</span>
                        <span class="one_3">删除</span>
                    </span>
                    </li>
                </ul>
                <div class="qa_jump">
                    <span class="qa_up">上一步</span>
                    <span class="qa_low">下一步</span>
                </div>
            </div>
        </div>
        <!--项目编辑-->
        <div class="editor">
            <div class="se_title">
                <ul class="flow clearfix">
                    <li class="item">
                        <div>活动信息</div>
                    </li>
                    <li class="item">
                        <div>联办设置</div>
                    </li>
                    <li class="item">
                        <div>Q&A</div>
                    </li>
                    <li class="item">
                        <div>项目编辑</div>
                    </li>
                    <li class="item">
                        <div>发布</div>
                    </li>
                </ul>
                <img src="../image/editor.png" alt="">
                <!-- <div class="q_new">
                     <span class="new">新增</span>
                 </div>-->
            </div>
            <div class="ed_content">
                <div class="state">
                    <span class="description">阶段一名称</span>
                    <input type="text" placeholder="请输入4-30个字符">
                    <span class="st_add">添加</span>
                    <span class="st_remove">删除</span>
                </div>
                <div class="ed_main">
                    <!--<ul id="radio" class="treeview-black treeview">
                        <li><span>单项选择</span><span>添加</span></li>
                        <li class="">
                            <ul>
                                <li><span>项目名称</span><input type="text"><span>编辑</span><span>删除</span></li>
                                <li><span>项目名称</span><input type="text"><span>编辑</span><span>删除</span></li>
                            </ul>
                        </li>
                    </ul>
                    <ul id="grap" class="treeview-gray treeview">
                        <li><span>多项选择</span><span>添加</span></li>
                        <li class="">
                            <ul>
                                <li><span>项目名称</span><input type="text"><span>编辑</span><span>删除</span></li>
                                <li><span>项目名称</span><input type="text"><span>编辑</span><span>删除</span></li>
                            </ul>
                        </li>
                    </ul>-->
                    <ul id="red" class="treeview-red treeview">
                        <li class="expandable">
                            <div class="hitarea expandable-hitarea"></div>
                            <div class="radio"><span class="ra_select">单项选择</span><span class="ra_add">添加</span></div>
                            <ul style="display: none;" class="ul1">
                                <li class="list list1"><span class="item">项目名称</span><input name="" class="input" type="text"><span class="compile">编辑</span><span class="radio_remove">删除</span></li>
                                <li class="list"><span class="item">项目名称</span><input name="" class="input" type="text"><span class="compile">编辑</span><span class="radio_remove">删除</span></li>
                            </ul>
                        </li>
                        <li class="expandable">
                            <div class="hitarea expandable-hitarea"></div>
                            <div class="checkbox"><span class="ch_select">多项选择</span><span class="ch_add">添加</span></div>
                            <ul style="display: none;" class="ul2">
                                <li class="list list1"><span class="item">项目名称</span><input name="" class="input" type="text"><span class="compile">编辑</span><span class="radio_remove">删除</span></li>
                                <li class="list"><span class="item">项目名称</span><input name="" class="input" type="text"><span class="compile">编辑</span><span class="radio_remove">删除</span></li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <!--<div class="state state1">
                    <span class="description">阶段一名称</span>
                    <input type="text" placeholder="请输入4-30个字符">
                    <span class="st_add">添加</span>
                    <span class="st_remove">取消</span>
                </div>
                <div class="checkbox">
                    <ul id="red1" class="treeview-red treeview">
                        <li class="expandable">
                            <div class="hitarea expandable-hitarea"></div>
                            <div class="radio"><span class="ra_select">单项选择</span><span class="ra_add">添加</span></div>
                            &lt;!&ndash;<ul style="display: none;">
                                <li class="list list1"><span class="item">项目名称</span><input class="input" type="text"><span>编辑</span><span class="radio_remove">删除</span></li>
                                <li class="list"><span class="item">项目名称</span><input class="input" type="text"><span>编辑</span><span class="radio_remove">删除</span></li>
                            </ul>&ndash;&gt;
                        </li>
                        <li class="expandable">
                            <div class="hitarea expandable-hitarea"></div>
                            <div class="checkbox"><span class="ch_select">多项选择</span><span class="ch_add">添加</span></div>
                            &lt;!&ndash;<ul style="display: none;">
                                <li class="list list1"><span class="item">项目名称</span><input class="input" type="text"><span>编辑</span><span class="radio_remove">删除</span></li>
                                <li class="list"><span class="item">项目名称</span><input class="input" type="text"><span>编辑</span><span class="radio_remove">删除</span></li>
                            </ul>&ndash;&gt;
                        </li>
                    </ul>
                </div>-->
                <div class="ed_btn clearfix">
                    <span class="ed_publish">发布</span>
                    <span class="ed_preview">预览</span>
                    <span class="ed_up">上一步</span>
                </div>
            </div>
        </div>
    </form>

</div>


<!--<script src="../lib/treeview/lib/jquery.js"></script>-->
<script src="../lib/jquery/dist/jquery.min.js"></script>
<script src="../lib/treeview/lib/jquery.cookie.js"></script>
<script src="../lib/treeview/jquery.treeview.js"></script>
<!--日期插件-->
<script src="../lib/date/js/moment.min.js"></script>
<script src="../lib/date/js/jquery.daterangepicker.js"></script>
<script src="../lib/date/js/demo.js"></script>
<script src="../js/activeBasic.js"></script>
</body>
</html>